<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>

</body>
<script>
  // this 函数内置的关键词 , 在调用时指向函数依存的对象
  // 1. 一般情况下,普通函数(命名函数和匿名函数) =>指向window(严格模式下 undefined)
  // 2. 函数在调用时 属于谁就指向谁
  // 3. 箭头函数没有自己的this指向,向外跳一层找父作用域(this指向),如果父作用域也是箭头函数,继续向外查找,依次类推

  // function fn(){
  //     console.log(this);
  // }

  var zhang = {
    name: "张三",
    age: 18,
    say: () => {
      console.log(this);  // this ->  window
      var fn = () => {
        console.log(this); // this ->  window
      }
      fn();
    }
  }

  // zhang.say();


  document.onclick = () => {
    console.log(this);  //  this -> window
    var fn = () => {
      console.log(this);   //this -> window
    }
    fn();
  }







</script>

</html>